<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="js/lib/require.js" data-main="./js/goos_main"></script>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/goos.css">

</head>
<body>
<div class="top">
    <div class="main top_main">
        <div class="top_left">
            <i class="glyphicon glyphicon-home"></i>
            <a href="index.html" class="index">麦乐购首页</a>
            <a href="login.html" class="login">请登录</a>
            <a href="register.html" class="register">免费注册</a>
            <a href="" class="exit">退出登录</a>
            <ul>
                <li>QQ</li>
                <li>支付宝</li>
                <li>360</li>
                <li>新浪</li>
            </ul>
            <span>联系客服:400-666-6600</span>
        </div>
        <div class="top_right">
            <ul>
                <li>
                    <a href="">我的麦乐购 <i class="glyphicon glyphicon-chevron-down"></i></a>
                    <ol>
                        <li>我的订单</li>
                        <li>我的账户</li>
                        <li>麦豆兑换</li>
                        <li>我的优惠券</li>
                        <li>我的收藏</li>
                    </ol>
                </li>
                <li>|</li>
                <li><a href=""><i class="glyphicon glyphicon-star"></i>收藏麦乐购</a></li>
                <li>|</li>
                <li><a href="">妈妈推广计划</a></li>
                <li>|</li>
                <li><a href=""><i class="glyphicon glyphicon-phone"></i> 手机麦乐购</a></li>
            </ul>
        </div>
    </div>

</div>
<div class="main">
    <div class="head">
        <img src="img/index/logo.jpg" alt="">
        <div class="search_box">
            <div class="search_top">
                <input type="test" placeholder="请输入商品名称,支持拼音搜索"/>
                <button>搜索</button>
            </div>
            <div class="search_bottom">
                <p>热门关键词:
                    <span class="active">小安素</span><span
                            class="active">防晒</span><span>牛栏</span><span>花王</span><span>爱他美</span><span>Karicare</span><span>喜宝</span>
                </p>
            </div>

        </div>
        <img src="img/index/hot.jpg" alt="">
    </div>
    <div class="nav_head">
        <span>全部商品分类</span>
        <ul>
            <li class="active"><a href="">首页</a></li>
            <li><a href="">进口奶粉</a></li>
            <li><a href="">发现好货</a></li>
            <li><a href="">整点抢</a></li>
            <li><a href="">天天特卖</a></li>
            <li><a href="">正品保证</a></li>
            <li><a href="">海外直邮</a></li>
            <li><a href="">国家馆</a></li>
        </ul>
        <span class="settlement">去购物车结算</span>
    </div>
    <div class="content">
        <ol class="breadcrumb">
            <li><a href="#">首页</a></li>
            <li><a href="#">乐高积木玩具专场</a></li>
            <li class="active">【早教益智】乐高LEGO 火车入门套装10507积木（1.5-5岁）</li>
        </ol>
        <div class="left">
            <ul>
                <li class="active"><img src="img/goos/goos1m.jpg" alt="" class="smallImg"></li>
                <li><img src="img/goos/goos2m.jpg" alt="" class="smallImg"></li>
                <li><img src="img/goos/goos3m.jpg" alt="" class="smallImg"></li>
                <li><img src="img/goos/goos4m.jpg" alt="" class="smallImg"></li>
                <li><img src="img/goos/goos5m.jpg" alt="" class="smallImg"></li>
                <div class="smallArea"></div>
            </ul>
            <ol>
                <li><img src="img/goos/goos1.jpg" alt=""></li>
                <li><img src="img/goos/goos2.jpg" alt=""></li>
                <li><img src="img/goos/goos3.jpg" alt=""></li>
                <li><img src="img/goos/goos4.jpg" alt=""></li>
                <li><img src="img/goos/goos5.jpg" alt=""></li>
            </ol>
            <div class="bigArea">
                <img src="" alt="" class="bigImg">
            </div>
        </div>
        <div class="right">
            <div class="title">
                <h4 id="pro_name">【早教益智】乐高LEGO 火车入门套装10507积木（1.5-5岁）</h4>
                <p>LEGO乐高积木秉持让孩子玩得快乐的理念，陪伴了全世界几代儿童快乐聪明地成长！适合2到5岁的孩子，让孩子感受创意搭建的乐趣，开发创造力！</p>
            </div>
            <ul>
                <li><em>销&nbsp;&nbsp;售&nbsp;&nbsp;价:</em><span>￥<i id="pro_price">649</i></span></li>
                <li><em>价　　格:</em><del>￥843.7</del></li>
                <li>
                    <i>累计销量: <b>26</b></i>
                    <i>累计评价: <b>0</b></i>
                    <i>赠送麦豆: <b>32</b></i>
                </li>
                <li><em>属　　性:</em>规格 :　盒</li>
                <li><em>购买数量:</em><a class="reduce">-</a><input type="text" value="1" id="num"><a class="add ">+</a></li>
                <div class="addCart">
                    <a>加入购物车</a>
                </div>
                <li><em>温馨提示:</em>1、此商品不参加会员折扣   2、由麦乐购负责配送</li>
            </ul>
        </div>
    </div>
</div>

<div class="bottom_list">
    <div class="main">
        <dl>
            <dt>购物指南</dt>
            <dd><a href="">为什么选麦乐购</a></dd>
            <dd><a href="">购物流程</a></dd>
            <dd><a href="">正品保证</a></dd>
            <dd><a href="">手机麦乐购</a></dd>
        </dl>
        <dl>
            <dt>配送方式</dt>
            <dd><a href="">跨境电商介绍</a></dd>
            <dd><a href="">报关说明</a></dd>
            <dd><a href="">配送说明</a></dd>
            <dd><a href="">国际快递查询</a></dd>
            <dd><a href="">国内快递查询</a></dd>
        </dl>
        <dl>
            <dt>支付方式</dt>
            <dd><a href="">支付方式介绍</a></dd>
            <dd><a href="">优惠券支付</a></dd>
            <dd><a href="">余额支付</a></dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd><a href="">联系客服</a></dd>
            <dd><a href="">退换货政策</a></dd>
            <dd><a href="">退款说明</a></dd>
            <dd><a href="">关于发票</a></dd>
        </dl>
        <dl>
            <dt>特色服务</dt>
            <dd><a href="">麦豆说明</a></dd>
            <dd><a href="">会员级别</a></dd>
            <dd><a href="">商务会员卡</a></dd>
            <dd><a href="">VIP会员专享卡</a></dd>
            <dd><a href="">妈妈推广计划</a></dd>
        </dl>
        <dl>
            <dt>手机麦乐购</dt>
            <dd><a href=""><img src="img/index/qrcode1.jpg" alt=""></a></dd>

        </dl>
    </div>

</div>
<div class="footer">
    <div class="about">
        <div class="abLink">
            <a href="#" target="_blank">关于麦乐购</a><span>|</span>
            <a href="#" target="_blank">保税店专区</a><span>|</span>
            <a href="#" target="_blank">服务条款</a><span>|</span>
            <a href="#" target="_blank">商户合作</a><span>|</span>
            <a href="#" target="_blank">O2O合作</a><span>|</span>
            <a href="#" target="_blank">联系我们</a><span>|</span>
            <a href="#" target="_blank">友情链接</a><span>|</span>
            <a href="#" target="_blank">诚聘英才</a><span>|</span>
            <a href="#" target="_blank">手机麦乐购</a><span>|</span>
            <a href="#" target="_blank">意见建议</a><span>|</span>
            <a href="#" target="_blank">媒体报道</a>
        </div>
        <p>
            <a href="#"><img src="img/register/gonganbeian.png" alt=""></a>
            京公网安备：11010102000812号 | 中华保险保单号：021544019311050D000004 | 中华人民共和国出版物经营许可证编号：150023
        </p>
        <p>食品经营许可证编号：JY11101070034785 | 食品卫生许可证编号：110101_JX0020 | 乳制品(含婴幼儿配方乳粉)销售资质 | 营业执照：110101015843954</p>
        <p>Copyright 2006 - 2016 北京天使圣婴科技有限公司版权所有 | 京ICP备14022296号 | 中国服务热线：400-666-6600</p>
    </div>
</div>
<div class="gou-cart">
    <div class="whole">
        <div class="bearImg"><img src="https://www.gou.com/Content/newIndex/images/bearCart.png" width="100%"></div>
        <div class="cart-nav">
            <div class="cart-nav-list">
                <ul>
                    <li><i></i></li>
                    <li>
                        <a href="settlement.html" class="settlement">
                            <i style="background-position: -3px -139px;"></i>
                            <span>购物车</span>
                            <i class="num">0</i>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="cart-nav-list bot">
                <ul>
                    <li>
                        <a href="">
                            <i></i>
                            <span>客户经理</span>
                            <i style="background-position: -2px -191px;"></i>
                            <span>客服</span>
                        </a>
                    </li>
                    <li><i style="background-position: -2px -233px;"></i></li>
                    <li><i style="    background-position: -3px -278px;"></i></li>
                    <li><i style="    background-position: -2px -314px;"></i></li>
                    <li><i style="    background-position: -2px -350px;"></i></li>
                    <li><img src="img/index/toTop.png" alt="" class="toTop"></li>
                </ul>
            </div>
        </div>
    </div>

</div>
</body>
</html>